/**
 * SearchFilter 类用于处理脚本搜索过滤逻辑
 * 使用模块级缓存来避免重复的搜索请求
 * 子类可以重写 onResponse 方法来处理搜索结果
 */
export class SearchFilter {
  /**
   * 请求过滤结果
   * @param req 搜索请求，包含关键词和搜索类型
   */
  requestFilterResult(req: SearchFilterRequest): void {
    // ...
  }
  
  /**
   * 当搜索结果返回时的回调方法（模板方法）
   * 子类应重写此方法来处理搜索结果
   */
  onResponse(_req: SearchFilterRequest, _res: SearchFilterResponse): void {
    // ...
  }
}

class ScriptTableSearchFilter extends SearchFilter {
  filterKeys?: SearchFilterKeyEntry[] = undefined;
  setFilterKeys?: SearchFilterKeysSetter = undefined;
  constructor(public defaultValue: SearchFilterKeyEntry = { type: "auto", keyword: "" }) {
    super();
  }
  // ...
}

// 表格传入全部脚本，由表格组件内部的 Arco Table 过滤功能处理过滤
// 卡片视图传入已过滤的列表，因为卡片不支持内置过滤功能
scriptList={scriptList}

// 模块级缓存：所有 SearchFilter 实例共享这些状态
// 用于避免重复的搜索请求，提高性能
// 注意：在多个组件同时使用 SearchFilter 时可能导致状态冲突
let lastReqType: SearchType | undefined = undefined;

private requestId = 0;
requestFilterResult(req: SearchFilterRequest): void {
  const currentRequestId = ++this.requestId;
  if (req.keyword === lastKeyword) {
    // ...
  } else {
    requestFilterResult({ value: req.keyword }).then((res) => {
      if (currentRequestId !== this.requestId) return; // 忽略过时响应
      // ...更新状态
    });
  }
}

// 在 hook 外部定义
class HooksSearchFilter extends SearchFilter {
  constructor(private setLastFilterQuery: React.Dispatch<React.SetStateAction<...>>) {
    super();
  }
  onResponse(req: SearchFilterRequest, res: SearchFilterResponse) {
    this.setLastFilterQuery({ request: req, response: res });
  }
}

// 在 hook 内部
const searchFilter = useMemo(() => new HooksSearchFilter(setLastFilterQuery), []);

const searchFilter = useRef(new ScriptTableSearchFilter()).current;

const searchFilter = useMemo(() => {
  class HooksSearchFilter extends SearchFilter {
    onResponse(req: SearchFilterRequest, res: SearchFilterResponse) {
      setLastFilterQuery({ request: req, response: res });
    }
  }
  return new HooksSearchFilter();
}, []); // 空依赖数组，实例在组件生命周期内保持不变